<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>深圳市新纶科技股份有限公司</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
	<link rel="stylesheet" href="css/style(index).css">
	<link rel="stylesheet" href="css/swiper.min.css">
</head>
<body>
	<!-- 导航开始 -->
	<header>
		<div class="container">
			<div class="left">
				<a href="#"><img src="images/loge.jpg" alt=""></a>
				<span><img src="images/gupiao.png" alt=""></span>
			</div>
			<div class="right">
				<div class="top">
					<div class="language">
						<a href="#">
							<img src="images/download1.jpg" alt="">
							<img src="images/wwimg03.png" alt="">
						</a>
						<div class="language-hide">
							<a href="#"><img src="images/download2.jpg" alt=""></a>
							<a href="#"><img src="images/download3.jpg" alt=""></a>
						</div>
					</div>
					<div class="search">
						<input type="text" class="input1">
						<a href="#"><input type="button" class="input2"></a>
					</div>
					<div class="group">
						<a href="#" class="a1">成员企业网站群 <img src="images/wwimg03.png" alt=""></a>
						<div class="group-hide">
							<a href="#">电子功能材料</a>
							<a href="#">新能源材料</a>
							<a href="#">光电显示材料</a>
							<a href="#">高性能纤维</a>
							<a href="#">实验室&净化系统</a>
							<a href="#">超净产品</a>
							<a href="#">电子材料构件</a>
							<a href="#">智能模塑</a>
						</div>
					</div>
				</div>
				<div class="bottom" id="bootom_zhuti">
					<ul>
						<li class="li- li-blue">
							<a href="index.html" class="a-h4">首页</a>
						</li>
						<li class="li- li-2">
							<span></span><a href="Overview of Industry.html" class="a-h4">产业发展</a>
							<ul class="li-1-hide">
								<li><a href="#">产业概览</a></li>
								<li><a href="#">先进材料</a></li>
								<li><a href="#">洁净工程与超净产品</a></li>
								<li><a href="#">材料衍生智造</a></li>
							</ul>
						</li>
						<li class="li- li-3">
							<span></span><a href="Career introduction.html" class="a-h4">产品与服务</a>
							<ul class="li-2-hide">
								<li  class="li-2-1">
									<span></span><a href="#">电子功能材料</a>
									<ul class="li-2-1-hide">
										<li><a href="#">事业本部介绍</a></li>
										<li><a href="#">产品系列</a></li>
										<li><a href="#">行业应用</a></li>
										<li><a href="#">核心优势</a></li>
										<li><a href="#">生产环境</a></li>
										<li><a href="#">联系销售</a></li>
										<li></li>
										<li></li>
									</ul>
								</li>
								<li  class="li-2-2">
									<span></span><a href="#">新能源材料</a>
									<ul class="li-2-2-hide">
										<li><a href="#">事业本部介绍</a></li>
										<li><a href="#">产品系列</a></li>
										<li><a href="#">行业应用</a></li>
										<li><a href="#">生产环境</a></li>
										<li><a href="#">联系销售</a></li>
										<li></li>
										<li></li>
										<li></li>
									</ul>
								</li>
								<li  class="li-2-3">
									<span></span><a href="#">光电显示材料</a>
									<ul class="li-2-3-hide">
										<li><a href="#">事业本部介绍</a></li>
										<li><a href="#">产品系列</a></li>
										<li><a href="#">生产环境</a></li>
										<li><a href="#">联系销售</a></li>
										<li></li>
										<li></li>
										<li></li>
										<li></li>
									</ul>
								</li>
								<li class="li-2-4">
									<span></span><a href="#">高性能纤维</a>
									<ul class="li-2-4-hide">
										<li><a href="#">事业本部介绍</a></li>
										<li><a href="#">产品系列</a></li>
										<li><a href="#">行业应用</a></li>
										<li><a href="#">生产环境</a></li>
										<li><a href="#">联系销售</a></li>
										<li></li>
										<li></li>
										<li></li>
									</ul>
								</li>
								<li  class="li-2-5">
									<span></span><a href="#">实验室&净化系统</a>
									<ul class="li-2-5-hide">
										<li><a href="#">事业本部介绍</a></li>
										<li><a href="#">管理架构</a></li>
										<li><a href="#">行业解决方案</a></li>
										<li><a href="#">成功案例</a></li>
										<li><a href="#">核心优势</a></li>
										<li><a href="#">联系销售</a></li>
										<li></li>
										<li></li>
									</ul>
								</li>
								<li class="li-2-6">
									<span></span><a href="#">超净产品</a>
									<ul class="li-2-6-hide">
										<li><a href="#">事业本部介绍</a></li>
										<li><a href="#">产品系列</a></li>
										<li><a href="#">核心优势</a></li>
										<li><a href="#">生产环境</a></li>
										<li><a href="#">联系销售</a></li>
										<li></li>
										<li></li>
										<li></li>
									</ul>
								</li>
								<li class="li-2-7">
									<span></span><a href="#">电子材料构件</a>
									<ul class="li-2-7-hide">
										<li><a href="#">事业本部介绍</a></li>
										<li><a href="#">产品应用</a></li>
										<li><a href="#">生产环境</a></li>
										<li><a href="#">联系销售</a></li>
										<li></li>
										<li></li>
										<li></li>
										<li></li>
									</ul>
								</li>
								<li class="li-2-8">
									<span></span><a href="#">智能模塑</a>
									<ul class="li-2-8-hide">
										<li><a href="#">事业本部介绍</a></li>
										<li><a href="#">产品展示</a></li>
										<li><a href="#">生产环境</a></li>
										<li><a href="#">联系销售</a></li>
										<li></li>
										<li></li>
										<li></li>
										<li></li>
									</ul>
								</li>
							</ul>
						</li>
						<li class="li- li-4">
							<span></span><a href="#" class="a-h4">技术创新</a>
							<ul class="li-3-hide">
								<li><a href="#">技术研发中心介绍</a></li>
								<li><a href="#">研究领域</a></li>
								<li><a href="#">科研合作</a></li>
								<li><a href="#">研发成果</a></li>
								<li class="li-3-1">
									<span></span><a href="#">产品与技术服务</a>
									<ul class="li-3-1-hide">
										<li><a href="#">创新产品</a></li>
										<li><a href="#">检测与技术咨询</a></li>
										<li></li>
										<li></li>
										<li></li>
										<li></li>
									</ul>
								</li>
								<li><a href="#">中心荣誉</a></li>
							</ul>
						</li>
						<li class="li- li-5">
							<span></span><a href="#" class="a-h4">关于新纶</a>
							<ul class="li-4-hide">
								<li><a href="#">公司概况</a></li>
								<li><a href="#">管理架构</a></li>
								<li><a href="#">发展历史</a></li>
								<li class="li-4-1">
									<span></span><a href="#">荣誉资质</a>
									<ul class="li-4-1-hide">
										<li><a href="#">荣誉</a></li>
										<li><a href="#">资质</a></li>
										<li></li>
										<li></li>
										<li></li>
										<li></li>
										<li></li>
										<li></li>
									</ul>
								</li>
								<li><a href="#">产业基地</a></li>
								<li class="li-4-2">
									<span></span><a href="#">营销网络</a>
									<ul class="li-4-2-hide">
										<li><a href="#">总部</a></li>
										<li><a href="#">产业基地</a></li>
										<li><a href="#">净化工程办事处</a></li>
										<li><a href="#">超净销售网点</a></li>
										<li><a href="#">全球营销网点</a></li>
										<li></li>
										<li></li>
										<li></li>
									</ul>
								</li>
								<li><a href="#">企业文化</a></li>
								<li><a href="#">资料下载</a></li>
							</ul>
						</li>
						<li class="li- li-6">
							<span></span><a href="#" class="a-h4">新闻中心</a>
							<ul class="li-5-hide">
								<li><a href="#">公司要闻</a></li>
								<li><a href="#">行业新闻</a></li>
								<li><a href="#">展会与活动</a></li>
							</ul>
						</li>
						<li class="li- li-7">
							<span></span><a href="#" class="a-h4">投资者关系</a>
							<ul class="li-6-hide">
								<li><a href="#">基本信息</a></li>
								<li><a href="#">股票动态</a></li>
								<li class="li-6-1">
									<span></span><a href="#">公司治理</a>
									<ul class="li-6-1-hide">
										<li><a href="#">总部</a></li>
										<li><a href="#">产业基地</a></li>
										<li><a href="#">净化工程办事处</a></li>
										<li><a href="#">超净销售网点</a></li>
										<li><a href="#">全球营销网点</a></li>
										<li></li>
										<li></li>
										<li></li>
									</ul>
								</li>
								<li><a href="#">定期报告</a></li>
								<li><a href="#">临时公告</a></li>
								<li><a href="#">研究报告</a></li>
								<li class="li-6-2">
									<span></span><a href="#">投资者交流</a>
									<ul class="li-6-2-hide">
										<li><a href="#">意见交流</a></li>
										<li><a href="#">互动新闻</a></li>
										<li></li>
										<li></li>
										<li></li>
										<li></li>
										<li></li>
										<li></li>
									</ul>
								</li>
								<li><a href="#">股息资料</a></li>	
							</ul>
						</li>
						<li class="li- li-right">
							<span></span><a href="#" class="a-h4">人力资源</a>
							<ul class="li-7-hide">
								<li><a href="#">人才理念</a></li>
								<li class="li-7-1">
									<a href="#">培训&活动</a>
									<ul class="li-7-1-hide">
										<li><a href="#">培训发展</a></li>
										<li><a href="#">新纶家族</a></li>
										<li></li>
									</ul>
								</li>
								<li><a href="#">加入新纶</a></li>
							</ul>
						</li>
					</ul >
				</div>
			</div>
			<div class="header-mobile-sm">
				<a href="#" class="a1" id="Navigation_clock"></a>
				<a href="#" class="a2" id="sosuo2_click"></a>
				<div class="header-mobile-sm-ss"  id="sosuo2_hide">
					<div class="header-mobile-sm-ss-">
						<input class="input1" type="text">
						<input class="input2" type="button">
					</div>
				</div>
			</div>
		</div>
	</header>
	<!-- 导航结束 -->
	<!-- 轮播开始 -->
	<div class="swiper-container">
	    <div class="swiper-wrapper">
	    	  <div class="swiper-slide"><a href="#"><img src="images/lunbo/1.jpg" alt=""></a></div>
		      <div class="swiper-slide"><a href="#"><img src="images/lunbo/2.jpg" alt=""></a></div>
		      <div class="swiper-slide"><a href="#"><img src="images/lunbo/3.jpg" alt=""></a></div>
		      <div class="swiper-slide"><a href="#"><img src="images/lunbo/4.jpg" alt=""></a></div>
		      <div class="swiper-slide"><a href="#"><img src="images/lunbo/5.jpg" alt=""></a></div>
	    </div>
	    <div class="swiper-pagination swiper-rectangle"></div>
        <!-- <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div> -->
	</div>
	<!-- 轮播结束 -->
	<main>
		<div class="container">
			<h3>新闻中心</h3>
			<ul>
				<li>
					<a href="#">
						<img src="images/4-1.jpg" alt="">
						<h4>新纶科技获批设立深圳企业博士后工作站分站</h4>
						<p>2019年5月21日，广东省人力资源和社会保障厅发文，同意并批准新纶科技设立深圳企业博士后工作站分站，新纶科技博士后创新实践基地的工作得到省、市相关政府管理部门的认可及肯定。工作站的设立，标志着新纶科技博士后培养工作又上了一个新台阶。</p>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="images/4-2.jpg" alt="">
						<h4>新纶科技获批设立深圳企业博士后工作站分站</h4>
						<p>2019年5月21日，广东省人力资源和社会保障厅发文，同意并批准新纶科技设立深圳企业博士后工作站分站，新纶科技博士后创新实践基地的工作得到省、市相关政府管理部门的认可及肯定。工作站的设立，标志着新纶科技博士后培养工作又上了一个新台阶。</p>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="images/4-3.jpg" alt="">
						<h4>新纶科技获批设立深圳企业博士后工作站分站</h4>
						<p>2019年5月21日，广东省人力资源和社会保障厅发文，同意并批准新纶科技设立深圳企业博士后工作站分站，新纶科技博士后创新实践基地的工作得到省、市相关政府管理部门的认可及肯定。工作站的设立，标志着新纶科技博士后培养工作又上了一个新台阶。</p>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="images/4-4.jpg" alt="">
						<h4>新纶科技获批设立深圳企业博士后工作站分站</h4>
						<p>2019年5月21日，广东省人力资源和社会保障厅发文，同意并批准新纶科技设立深圳企业博士后工作站分站，新纶科技博士后创新实践基地的工作得到省、市相关政府管理部门的认可及肯定。工作站的设立，标志着新纶科技博士后培养工作又上了一个新台阶。</p>
					</a>
				</li>
			</ul>
			<a href="#" class="a1">了解更多</a>
		</div>
	</main>
	<div class="development">
		<div class="left">
			<h3><a href="#">产业发展</a></h3>
			<p>历经16年的发展，新纶科技已构筑起以先进材料、材料衍生智造、洁净工程与超净产品三大产业方向，产品与服务涵盖电子功能材料、新能源材料-铝塑复合膜、光电显示材料、高性能纤维、电子材料构件、科创&净化工程、超净产品、智能模塑八大核心业务领域。 服务领域：消费类电子、新能源、光电显示、石油精化、生物医药、食品、日化、汽车制造、航空航天、轨道交通等行业。</p>
			<a href="#" class="a1">了解更多</a>
		</div>
		<div class="right">
			<div class="top">
				<a href="#"><img class="img1" src="images/3-1.jpg" alt=""></a>
				<div class="top-yc">
					<h3><a href="#">先进材料</a></h3>
					<p>涵盖电子功能材料、新能源材料-铝塑复合膜、光电显示材料、高性能纤维在内的先进材料产品研发、生产以及精深加工</p>
					<a href="#" class="a1">了解更多</a>
				</div>
			</div>
			<div class="bottnm">
				<div class="bottom">
					<a href="#"><img class="img1" src="images/3-2.jpg" alt=""></a>
					<div class="top-yc bootom-yc">
						<h3><a href="#">洁净工程与超净产品</a></h3>
						<p>为电子/医药/食品/科创领域提供洁净室净化工程、科创实验室系统工程设计、施工、维护与超净产品研、产、销一体化服务</p>
						<a href="#" class="a1">了解更多</a>
					</div>
				</div>
				<div class="bottom">
					<a href="#"><img class="img1" src="images/3-3.jpg" alt=""></a>
					<div class="top-yc bootom-yc">
						<h3><a href="#">材料衍生智造</a></h3>
						<p>业务包括：为消费类电子提供功能结构件精密模切等产品的电子材料构件和专业服务医药包装/医疗耗材/食品包装/日化包装等领域的智能模塑产品
						</p>
						<a href="#" class="a1">了解更多</a>
					</div>
				</div>
			</div>
		</div>
	</div>



	<div class="product">
		<h3>产品与服务</h3>
		<p>成为新材料产业的领跑者及值得信赖的合作伙伴</p>
		<div class="container">
			<ul id="product">
				<li  v-for="employee in message">
					<a href="#">
						<img :src="employee.link" alt="">
						<h3>{{employee.title}}</h3>
						<p>{{employee.txt}}</p>
					</a>
				</li>
			</ul>
		</div>
	</div>
	<div class="innovate">
		<div class="container">
			<h3>科技创新</h3>
			<div class="left">
				<a href="#"><img src="images/innovate.jpg" alt=""></a>
			</div>
			<div class="right">
				<ul>
					<li>
						<a href="#">
							<img src="images/innovate1.jpg" alt="">
							<p>光电显示功能材料研发</p>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="images/innovate2.jpg" alt="">
							<p>高性能新能源材料研发</p>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="images/innovate3.jpg" alt="">
							<p>高性能纤维材料研发</p>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="images/innovate4.jpg" alt="">
							<p>防静电/洁净室产品材料研发</p>
						</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<div class="activity">
		<div class="left">
			<!-- 轮播开始 -->
			<div class="swiper-container">
			    <div class="swiper-wrapper">
			    	  <div class="swiper-slide"><a href="#"><img src="images/lunbo2/1.jpg" alt=""></a></div>
				      <div class="swiper-slide"><a href="#"><img src="images/lunbo2/2.jpg" alt=""></a></div>
				      <div class="swiper-slide"><a href="#"><img src="images/lunbo2/3.jpg" alt=""></a></div>
				      <div class="swiper-slide"><a href="#"><img src="images/lunbo2/4.jpg" alt=""></a></div>
				      <div class="swiper-slide"><a href="#"><img src="images/lunbo2/6.jpg" alt=""></a></div>
			    </div>
			     <div class="swiper-pagination"></div> 
		        <div class="swiper-button-next swiper-button-white swiper-button-right"></div>
		        <div class="swiper-button-prev swiper-button-white swiper-button-left"></div>
			</div>
			<!-- 轮播结束 -->
		</div>
		<div class="right">
			<h3><a href="#">员工活动</a></h3>
			<ul>
				<li><a href="#">2017年德鲁克管理培训优秀学员表彰</a></li>
				<li><a href="#">雪梨家族增城之旅</a></li>
				<li><a href="#">哈密族的“嘻哈”之旅</a></li>
				<li><a href="#">哈密户外拓展活动</a></li>
			</ul>
			<a href="#" class="a1">了解更多</a>
		</div>
	</div>
	<div class="selen">
		<ul>
			<li>
				<a href="#">
					<h3>公司概况</h3>
					<img src="images/wwpic192.jpg" alt="">
					<p>公司创立于2002年，总部坐落于深圳市南山区，2010年在深交所上市（股票代码：002341）</p>
				</a>
			</li>
			<li>
				<a href="#">
					<h3>荣誉资质</h3>
					<img src="images/wwpic193.jpg" alt="">
					<p>国家高新技术企业 、博士后创新基地</p>
				</a>
			</li>
			<li>
				<a href="#">
					<h3>新纶文化</h3>
					<img src="images/wwpic194.jpg" alt="">
					<p>客户导向 品质至上 开拓成长 共创共享</p>
				</a>
			</li>
			<li>
				<a href="#">
					<h3>营销网络</h3>
					<img src="images/wwpic195.jpg" alt="">
					<p>布局深圳、苏州、常州、成都、天津五大产业基地，辐射珠三角、长三角、环渤海湾和大西南区域</p>
				</a>
			</li>
		</ul>
	</div>
	<footer>
		<div class="container">
			<ul>
				<li>
					<h3><a href="#">产业发展</a><span></span></h3>
					<h4><a href="#">产业概览</a></h4>
					<h4><a href="#">先进材料</a></h4>
					<h4><a href="#">洁净工程与超净产品</a></h4>
					<h4><a href="#">材料衍生智造</a></h4>
				</li>
				<li>
					<h3><a href="#">产品与服务</a><span></span></h3>
					<h4><a href="#">电子功能材料</a></h4>
					<h4><a href="#">新能源材料</a></h4>
					<h4><a href="#">光电显示材料</a></h4>
					<h4><a href="#">高性能纤维</a></h4>
					<h4><a href="#">实验室&净化系统</a></h4>
					<h4><a href="#">超净产品</a></h4>
					<h4><a href="#">电子材料构件</a></h4>
					<h4><a href="#">智能模塑</a></h4>
				</li>
				<li>
					<h3><a href="#">技术创新</a><span></span></h3>
					<h4><a href="#">技术开发中心介绍</a></h4>
					<h4><a href="#">研究领域</a></h4>
					<h4><a href="#">科研合作</a></h4>
					<h4><a href="#">研发成果</a></h4>
					<h4><a href="#">产品与技术服务</a></h4>
					<h4><a href="#">中心荣誉</a></h4>
				</li>
				<li>
					<h3><a href="#">关于新纶</a><span></span></h3>
					<h4><a href="#">公司概况</a></h4>
					<h4><a href="#">管理架构</a></h4>
					<h4><a href="#">发展历程</a></h4>
					<h4><a href="#">荣誉资质</a></h4>
					<h4><a href="#">产业基地</a></h4>
					<h4><a href="#">营销网络</a></h4>
					<h4><a href="#">企业文化</a></h4>
					<h4><a href="#">资料下载</a></h4>
				</li>
				<li>
					<h3><a href="#">新闻中心</a><span></span></h3>
					<h4><a href="#">公司要闻</a></h4>
					<h4><a href="#">行业新闻</a></h4>
					<h4><a href="#">展会与活动</a></h4>
				</li>
				<li>
					<h3><a href="#">投资者关系</a><span></span></h3>
					<h4><a href="#">基本信息</a></h4>
					<h4><a href="#">股票动态</a></h4>
					<h4><a href="#">公司治理</a></h4>
					<h4><a href="#">定期报告</a></h4>
					<h4><a href="#">临时公告</a></h4>
					<h4><a href="#">研究报告</a></h4>
					<h4><a href="#">投资者交流</a></h4>
					<h4><a href="#">股息资料</a></h4>
				</li>
				<li>
					<h3><a href="#">人力资源</a><span></span></h3>
					<h4><a href="#">人才理念</a></h4>
					<h4><a href="#">培训&活动</a></h4>
					<h4><a href="#">加入新纶</a></h4>
				</li>
				<li id="li2">
					<div class="left">
						<h3>扫描手机登入官网</h3>
						<img src="images/xl-code1.png" alt="">
					</div>
					<div class="right">
						<h3>扫描关注微信公众号</h3>
						<img src="images/xl-code2.png" alt="">
					</div>
					<p>咨询热线：0755 <span> 2699 3699</span></p>
				</li>
			</ul>
		</div>
	</footer>
	<div class="footer">
		<div class="container">
			<div class="dv"><a href="#">联系我们</a>|<a href="#">网站地图</a>|<a href="#">法律声明</a></div>
			<p>© 2016 深圳市新纶科技股份有限公司 版权所有  |  粤ICP备16082738号-1 |</p>
		</div>
	</div>
	<div class="location-right">
		<ul>
			<li>
				<a href="#" class="a1"><img src="images/wwimg112.png" alt=""></a>
				<a href="#" class="a2">新闻中心<img src="images/wwimg112.png" alt=""></a>
			</li>
			<li>
				<a href="#" class="a1"><img src="images/wwimg113.png" alt=""></a>
				<a href="#" class="a2">新闻中心<img src="images/wwimg113.png" alt=""></a>
			</li>
			<li>
				<a href="#" class="a1"><img src="images/wwimg114.png" alt=""></a>
				<a href="#" class="a2">新闻中心<img src="images/wwimg114.png" alt=""></a>
			</li>
			<li>
				<a href="#" class="a1"><img src="images/wwimg115.png" alt=""></a>
				<a href="#" class="a2">新闻中心<img src="images/wwimg115.png" alt=""></a>
			</li>
			<li>
				<a href="#" class="a1"><img src="images/wwimg116.png" alt=""></a>
				<a href="#" class="a2">新闻中心<img src="images/wwimg116.png" alt=""></a>
			</li>
			<li class="l2" id="fhtb"><img src="images/wwpic202.jpg" alt=""></li>
		</ul>
	</div>
	<script src='js/swiper.min.js'></script>
	<script src='js/vue/vue.js'></script>
	<script src='js/vue/axios.min.js'></script>
	<script src='js/script.js'></script>
	<script>
		 // vue开始
		var vm = new Vue({
			el:'#product',
			data:{
				message: '数据加载中.....'
			},
			mounted(){
				axios
					.get('json/new.json')
					.then(response => (this.message = response.data.employees/*这里是json的数据的名字*/))
					.catch(function (error){
						console.log(error);
					});
			}
		}) 
		 // vue结束
	</script>
</body>
</html>